import React, { Component } from 'react';
class Mpp extends Component{
  constructor(props){
    super(props)
    console.log(this)//一样会报错，因为这里没有用super所以会报错
    //当写了super时在没有传参数的情况下，传参也会一样就会输出Mapp,因为继承了父类的this
  console.log(props)//输出的是空{}，如果Map用属性传值的情况下，输出的是传的值
  }
  render(){
    console.log(this)//这里也是输出的时Mapp不过和constructor有一些不同
    return <h2>是App的子类{this.props.msg}</h2>//在传参的情况下啊
  }
}

class App extends Component {
constructor(props) {
  super(props);//继承构造函数,
  console.log(this)//有super输出的是App,因为加了super关键之，这里的this指向的是父类的实例
  //如果没有写super的情况下，是不能打印this的，因为就没有this,
  console.log(props)//输出的是空
                 
}
  render() {
    console.log(this)//输出的是app
    this.state={mm:'state里面的值'}
    return (
      <div>
        <h1 msg='使用属性传值'>aaaa</h1>
        <Mpp msg='数据'></Mpp>

      </div>
    );
  }
}

export default App;